<template>
  <div class="step" style="height: 80px">
    <el-steps :active="stepArr.length" finish-status="success">
      <el-step
        v-for="(item, index) in stepArr"
        :key="index"
        :description="item"
      ></el-step>
    </el-steps>
  </div>
</template>

<script>
export default {
  props: {
    stepArr: {
      type: Array,
      default: () => []
    }
  }
}
</script>

<style lang="scss" scoped>
/deep/ .el-steps {
  width: 60%;
}
/deep/ .el-step__description {
  font-size: 16px !important;
  margin-top: 10px;
}
.step {
  display: flex;
  justify-content: center;
  align-items: center;
}
</style>
